<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/WEB-INF/templates/newMainCandidateTemplate.xhtml">
    
    <ui:define name="content">
       
        <h:form id="suggestionsFormMobile">
            <p:growl id="growl" showDetail="false" life="3000" />
            <p:panel header="#{messages.Contact}">
               <p:inputText styleClass="width100" id="name" required="true" value="#{suggestionsBean.name}" requiredMessage="#{messages.NameRequired}" label="#{messages.Name}">  
                    <p:ajax event="change" />
                </p:inputText>
                <p:watermark for="name" value="#{messages.Name}" /> 
                <p:inputText styleClass="width100" id="email" required="true" value="#{suggestionsBean.email}"  requiredMessage="#{messages.EmailRequired}" label="#{messages.Email}">
                    <p:ajax event="change"/>
                </p:inputText>
                <p:watermark for="email" value="#{messages.Email}" /> 
                <p:inputTextarea autoResize="false" required="true" styleClass="ui-inputtext summaryTextArea width100" counterTemplate="{0} #{messages.CharactersRemaining}" id="suggestionContent" value="#{suggestionsBean.content}" requiredMessage="#{messages.MessageRequired}" maxlength="1024" counter="counter">
                    <p:ajax event="change"/>
                </p:inputTextarea>
                <p:watermark for="suggestionContent" value="#{messages.Message}" /> 
                <h:outputText styleClass="bodyText block" id="counter" />
                <p:commandButton style="margin-top:1em;" styleClass="redBackgroundStrong" id="sendEmail" value="#{messages.Send}" action="#{tabBarBean.changeCandidateIndex(0)}" actionListener="#{suggestionsBean.createNewSuggestion()}"/>
                <p:commandButton style="margin-bottom: 1em;margin-left: 0.3em;" styleClass="landingButton loginLandingButton grayBackgroundStrong " process="@this" value="#{indexMessages.Back}" id="backButton" action="/views/candidate/NewEditCandidateView?faces-redirect=true"/>
            </p:panel>
        </h:form>
    </ui:define>

</ui:composition>
</html>